<!--
 * @Author: tlm
 * @Date: 2020-04-10 20:12:54
 * @LastEditTime: 2020-07-27 15:52:58
 * @LastEditors: tlm
 * @Description: 
 * @FilePath: \S3DV_WipSurfer\src\components\view\viewAxis.vue
 * @support by tlm
--> 
<template>
  <div class="viewAxis" ref='viewAxis'>
  </div>
</template>

<script>


export default {
  name: 'viewAxis',

  props:['S3DVApp'],
  mounted(){
    let container=this.$refs.viewAxis;
    this.S3DVApp.addViewAxisPort(container);
  }

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.viewAxis
{
    position: absolute;
    width: 140px;
    height: 140px;
    left: 24em;
    bottom: 0px;
    opacity: .6;
    outline: none;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index:1;
}
</style>
